<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet">
<script type="text/javascript" src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script> 
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<style type="text/css">
 body {
 background-color:#CE76D1;
}
</style>
</head>
<script type="text/javascript">
    $(function(){
    	$.ajax({
    		 url:'../first',
    		 type:'post',
    		 dataType:'json',
    		 success:function(result){
    			 console.log(result);
    			 $.each(result,function(inde,ele){
    		     $("#data").append("<h3>"+ele.firName+"</h3>")

    				 $.ajax({
    		            url:'../second',
    		            type:'post',
    		            async: false,
    		            data:{firId:ele.firId},
    		            dataType:'json',
    		            success:function(result){
    			        console.log(result);
    			        $.each(result,function(index,elel){
    				    $("#data").append("<a href='../help?secId="+elel.secId+"'>"+elel.secName+"</a><br><br>")
    				        
    			 })
    		 }
    	})
    			 })
    		 }
    	})
    })
</script>
<body>
<h1>帮助中心</h1>
<div id="data"></div>
</body>
</html>